<template>
  <div class="home">
    <p class="dom" ref="abc">我是vue2的项目</p>
    <my-header ref="cde"></my-header>
    <!-- ref 如果绑定的是 html 标签，可以直接获取该dom节点 如果是一个组件，可以获取组件实例化的对象 -->
  </div>
</template>

<script>
import MyHeader from '../components/myHeader.vue';
// @ is an alias to /src

export default {
  name: 'Home',
  components: {
    MyHeader
  },
  mounted() {
    // let dom = document.getElementsByClassName('dom')[0];
    // console.log(dom);
    // refs 规定
    console.log(this.$refs.abc);
    this.$refs.cde.setNum();
    console.log();
  },
}
</script>
